<template>
  <div class="content-content">
    <Statistical1 class="statistical" v-if="tabIndex===1"></Statistical1>
    <Statistical2 class="statistical" v-if="tabIndex===2"></Statistical2>
    <Statistical3 class="statistical" v-if="tabIndex===3"></Statistical3>
    <Statistical4 class="statistical" v-if="tabIndex===4"></Statistical4>
  </div>
</template>

<script>
import Statistical1 from "@/components/Statistical/Statistical1.vue";
import Statistical2 from "@/components/Statistical/Statistical2.vue";
import Statistical3 from "@/components/Statistical/Statistical3.vue";
import Statistical4 from "@/components/Statistical/Statistical4.vue";
export default {
  name: "Content",
  components:{
    Statistical1,
    Statistical2,
    Statistical3,
    Statistical4,
  },
  props:{
    tabIndex:{
      type:Number,
      default:1
    }
  },
  data() {
    return {

    }
  },
}
</script>

<style scoped lang="scss">
.content-content {
  width: 100%;
  height: calc(100% - 80px);
  padding: 20px 30px 30px 30px;
  position: relative;
  .statistical{
    position: relative;
  }
}
</style>
